Implement dark mode with persistent user preference - #5046
Conversation
…hub#5025) Add comprehensive dark mode support with automatic theme persistence: - docusaurus.config.js: Add colorMode config for localStorage persistence and system preference detection - useColorMode.js: Custom hook for accessing/managing color mode in components - ThemeToggle.jsx: Theme toggle component with accessible icon buttons - ThemeToggle.module.css: Styled toggle with smooth transitions and hover effects - dark-mode.mdx: Complete documentation with usage examples and API reference - custom.css: Enhanced with smooth color transitions respecting prefers-reduced-motion Features: - Automatic system preference detection (respects prefers-color-scheme media query) - Manual theme toggle with localStorage persistence - Smooth color transitions for better UX - ARIA labels and keyboard accessibility - Complete component and page coverage - Developer-friendly hook API Theme preference is saved in localStorage and restored on next visit.
|
Caution The consumer version of Gemini Code Assist on GitHub has been sunset. All code review activity has officially ceased. |
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
There was a problem hiding this comment.
Great job, @anshul23102! 🎉 Thank you for submitting your pull request to CodeHarborHub. We appreciate your contribution and enthusiasm! Our team will review it soon. If you have any questions or need further assistance, feel free to reach out. Thanks for contributing!
 |
|
Overall Grade |
Security  Reliability Complexity Hygiene  |
Code Review Summary
| Analyzer | Status | Updated (UTC) | Details |
|---|---|---|---|
| JavaScript |  |
Jul 27, 2026 6:03p.m. | Review ↗ |
Important
AI Review is run only on demand for your team. We're only showing results of static analysis review right now. To trigger AI Review, comment @deepsourcebot review on this thread.
1 participant
Adds comprehensive dark mode support with automatic theme persistence and system preference detection.
Features:
Configuration:
Components:
Closes #5025